<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
     <script src="../js/vue.min.js"></script>
	</head>
	<body>
<!--data 用于定义属性，实例中有三个属性分别为：site、url、alexa。
methods 用于定义的函数，可以通过 return 来返回函数值。
-->
		<div id="vue_det">
		    <h1>{{site}}</h1>
		    <h1>{{url}}</h1>
		    <h1>函数调用:{{details88()}}</h1>
		</div>
		<script type="text/javascript">
		    var vm = new Vue({
		        el: '#vue_det',
		        data: {
		            site: "java技术",
		            url: "www.sohu.com",
		            alexa: "777777"
		        },
		        methods: {
		            details88: function() {
		                return  this.site + " - 学的不仅是技术，更是梦想！";
		            }
		        }
		    })
		</script>
	</body>
</html>
